<template>
  <van-popup
      v-model:show="showPopup"
      closeable
      position="bottom"
      :style="{width:'100vw', height,boxSizing:'border-box',zIndex}"
  >
    <slot />
  </van-popup>
</template>

<script setup>
import {defineProps, inject, onMounted, ref, toRefs, watch} from "vue";

let propsDef = defineProps({
  provideName:{
    type:String
  },
  height: {
    type:String,
    default:"50%"
  },
  zIndex:{
    type:Number,
    default: 2000
  }
});
let showPopup = inject(propsDef.provideName,ref(true));


</script>

<style scoped>

</style>